$(function () {
    getList();
    // var username = decodeURI(getCookie("username"));
    //
    // $('#title').append(username);

})
function getList(){
    var url = "/getManList.do";
    var param = {};
    $.get(url,param,function(data){
        if(data.code == 200){
            $('#dataList').empty();
            $('#frist_id').empty();
            $('#two_id').empty();
            $('#three_id').empty();
            $('#dataList').append('<header class="join-user"><h4>参与用户：</h4></header>');
            var item = data.data;
            $('#frist_id').append(item[0].username+':'+item[0].num);
            if(item.length > 1)
                $('#two_id').append(item[1].username+':'+item[1].num);
            if(item.length > 2)
                $('#three_id').append(item[2].username+':'+item[2].num);
            if(item.length > 3){
                for (var i=3;i<item.length;i+=4) {
                    var footer = $('<footer class=\"user-img display-flex flex-al-ct flex-sp-ar \"></footer>');
                    for(var j=0;j < ((item.length - i ) > 4 ? 4 : (item.length - i ));j++){
                        footer.append(getDiv(item[i  + j]));
                    }
                    footer.appendTo('#dataList');
                }
            }
        }else{
            alert("获取用户列表错误，请联系管理员");
        }
    });
}
function getDiv(item){
    if(item.gender == 'FEMALE'){
        return $('<div><img src="/images/nvren.svg"/>'+item.username+'</div>');
    }else if(item.gender == 'OTHER'){
        return $('<div>&nbsp;&nbsp;'+item.username+'&nbsp;&nbsp;</div>');
    }else{
        return $('<div><img src="/images/nanren.svg"/>'+item.username+'</div>');
    }
}

//读取cookies
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name)  == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}